<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<%@ include file="../../common/headConfig.jsp"%>
	<link rel="stylesheet" href="css/vehicleGroup.css" />
	<script type="text/javascript" src="js/vehicleManagement/importantVehicle.js"></script>
	
	<script>
		rivmsMenuActive = "rivms_VehicleManagement";
		$(document).ready(function() {
			$( "button" ).button();
			ajaxFindImportantVehicleSearchList();
		});
	</script>
</head>
<body>
	<div id="rvimsContent">
		<%@ include file="../../common/header.jsp"%>
		<div id="rvimsMain">
			<div style="width: 100%;">
				<div class="crumbbox">当前位置：车辆管理&gt;&gt;<font color="red">重点车辆管理</font></div>
				<div class="buttonbox">
					<button onclick="ajaxShowImportantVehicleEdit(null);return false;">新增</button>
					<button onclick="ajaxDeleteImportantVehicleById(null)">删除</button>
					<button onclick="ajaxShowImportantVehicleAudit(null);return false;">审核</button>
					<button onclick="ajaxImportImportantVehicle(null);return false;">导入</button>
					<button onclick="ajaxExportImportantVehicle(null);return false;">导出</button>
				</div>
				<div id="sltImportantVehicle"  class="searchbox">
					<table style="background-color: #3BAAE3;width: 100%;min-width:950px;" cellspacing="0" cellpadding="0">
						<tr>
							<td align="right">号牌号码：</td>
							<td><input type="text" id="plateNum"></td>
							<td align="right">号牌种类：</td>
							<td>
								<select id="licencePlateKind">
									<option value="">---请选择---</option>
									<c:forEach items="${lstLicencePlateKind}" var="licencePlateKind">
										<option value="${licencePlateKind.id }">${licencePlateKind.name }</option>
									</c:forEach>
								</select>
							</td>
							<td align="right">车辆类型：</td>
							<td>
								<select id="vehicleType">
									<option value="">---请选择---</option>
									<c:forEach items="${lstVehicleType}" var="vehicleType">
										<option value="${vehicleType.id }">${vehicleType.name }</option>
									</c:forEach>
								</select>
							</td>
							<td>
								<button onclick="ajaxFindImportantVehicleSearchList()">查询</button>
							</td>
						</tr>
						<tr>
							<td align="right">车主名称：</td>
							<td><input type="text" id="ownername"></td>
							<td align="right">有效时间：</td>
							<td>
								<input type="text" id="effectiveStartTime" name="effectiveStartTime" class="date" readonly="readonly" value="<c:out value='${importantVehicle.effectiveStartTime}'/>"/>								
							</td>
							<td align="right">到：</td>
							<td>
								<input type="text" id="effectiveEndTime" name="effectiveEndTime" class="date" readonly="readonly" value="<c:out value='${importantVehicle.effectiveEndTime}'/>"/>
							</td>
							<td>
								<button onclick="clearInput('#sltImportantVehicle')">重置</button>
							</td>
						</tr>
						<tr>
						<td align="right">审核状态：</td>
							<td>
								<select id="auditstate">
									<option value="">---请选择---</option>
									<c:forEach items="${lstAuditState}" var="auditState">
										<option value="${auditState.id }">${auditState.name }</option>
									</c:forEach>
								</select>
							</td>
						</tr>
					</table>
				</div>
				<form id="fmImportantVehicle" method="post"><input type="hidden" id="importantVehicleId" name="importantVehicleId"></form>
				<div id="listImportantVehicleBox" style="width: 100%;"></div>
			</div>
		</div>
		<%@ include file="../../common/footer.jsp"%>
	</div>
</body>
<script>
	$("#effectiveStartTime").datepicker({
	      changeMonth: true,
	      numberOfMonths: 1,
	      onClose: function( selectedDate ) {
	        $( "#effectiveEndTime" ).datepicker( "option", "minDate", selectedDate );
	      }
	    });
	$("#effectiveEndTime").datepicker({
	      changeMonth: true,
	      numberOfMonths: 1,
	      onClose: function( selectedDate ) {
	        $( "#effectiveStartTime" ).datepicker( "option", "maxDate", selectedDate );
	      }
	    });
	$(".date").datepicker({regional:"zh-CN"});
</script>
</html>


